{include file="index/header" /}
<div class="container xs-top-15" style="max-width:960px">
    <div class="columns">
        <!--区域1-->
        <div class="column">
            <!--模块1-->
            <div class="card">
                <div class="xs-card-content">
                    <aside class="menu">
                        <p class="menu-label">
                            会员中心
                        </p>
                        <ul class="menu-list">
                            <li><a href="{:url('index/user/main')}">会员首页</a></li>
                        </ul>
                        <p class="menu-label">
                            个人信息
                        </p>
                        <ul class="menu-list">
                            <li><a href="{:url('index/user/pay')}">充值题币</a></li>
                            <li><a href="{:url('index/user/open_vip')}">开通会员</a></li>
                            <li><a class="is-active" href="{:url('index/user/password')}">修改密码</a></li>
                        </ul>
                        <!-- <p class="menu-label">
                            试题管理
                        </p>
                        <ul class="menu-list">
                            <li><a>我的提问</a></li>
                            <li><a>我的回答</a></li>
                        </ul> -->
                    </aside>
                </div>
            </div>
            <hr class="xs-hr">

        </div>
        <!--区域2-->
        <div class="column is-four-fifths">
            <div class="card">
                <header class="card-header">
                    <p class="card-header-title">
                        会员首页
                    </p>
                </header>
                <div class="xs-card-content">
                    <div class="content">
                        <div class="media">
                            <div class="media-left">
                                <figure class="image is-128x128" style="margin-left:0px;margin-right: 0px;">
                                    <img src="/static/img/men_tiny.gif" alt="Placeholder image">
                                </figure>
                            </div>
                            <div class="media-content">
                                <form action="" method="POST">
                                    <div class="field">
                                        <label class="label">旧密码：</label>
                                        <p class="control has-icons-left">
                                            <input class="input" type="password" name="old_pass" placeholder="请输入当前旧密码">
                                            <span class="icon is-small is-left">
                                                <i class="fas fa-lock"></i>
                                            </span>
                                        </p>
                                    </div>
                                    <div class="field">
                                        <label class="label">新密码：</label>
                                        <p class="control has-icons-left">
                                            <input class="input" type="password" name="new_pass"
                                                placeholder="请输入欲修改的新密码">
                                            <span class="icon is-small is-left">
                                                <i class="fas fa-lock"></i>
                                            </span>
                                        </p>
                                    </div>
                                    <div class="field is-grouped">
                                        <div class="control">
                                            <button type="submit" class="button is-link">确认修改</button>
                                        </div>
                                    </div>
                                </form>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{include file="index/footer" /}